<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%> 
<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions"%> 
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<script type="text/javascript">
//图片预览效果 兼容性设置
function testChange(fileImage) {
	//alert(fileImage.value);
	//document.all.imgId.src = fileImage.value;
	//解决不同浏览器的兼容性问题
	//获得浏览器的版本
	var browserVersion = window.navigator.userAgent.toUpperCase();
	var imageRegex = /^(jpg|gif|png|bmp|jpeg|JPEG|JPG|GIF|BMP|PNG){1}$/;
	var fileValue = fileImage.value;
	if (fileValue == '') {
		return;
	}
	var ext = fileValue.substring(fileValue.lastIndexOf(".") + 1);
	if (!imageRegex.test(ext)) {
		alert("附件文件格式错误!必须为jpg|gif|png|bmp格式的图片哦!");
		fileImage.value = "";
		if (browserVersion.indexOf("MSIE") > -1) {
			//兼容低版本的IE
			fileImage.select();
			document.selection.clear();
		}
		//fileImage.outerHTML = fileImage.outerHTML;
		return;
	}

	if (fileImage.files) {//兼容chrome、火狐7+、360浏览器5.5+等，应该也兼容ie10，HTML5实现预览
		if (window.FileReader) {
			var reader = new FileReader();
			reader.onload = function(e) {
				document.getElementById('imgId').setAttribute("src",
						e.target.result);
			};
			reader.readAsDataURL(fileImage.files[0]);
		} else if (browserVersion.indexOf("SAFARI") > -1) {
			alert("不支持Safari浏览器6.0以下版本的图片预览!");
		} else {
			alert("不支持您当前使用的浏览器的图片预览!");
		}
	} else if (browserVersion.indexOf("MSIE") > -1) {//ie、360低版本预览
		if (browserVersion.indexOf("MSIE 6") > -1) {//ie6
			document.getElementById('imgId').setAttribute("src",
					fileImage.value);
		} else {
			alert("抱歉，您使用的浏览器版本太低，暂不支持您的浏览器的图片预览功能!");
		}
	} else if (browserVersion.indexOf("FIREFOX") > -1) {//firefox
		var firefoxVersion = parseFloat(browserVersion.toLowerCase().match(
				/firefox\/([\d.]+)/)[1]);
		if (firefoxVersion < 7) {//firefox7以下版本
			document.getElementById('imgId').setAttribute("src",
					fileImage.files[0].getAsDataURL());
		} else {//firefox7.0+    
			document.getElementById('imgId').setAttribute("src",
					window.URL.createObjectURL(fileImage.files[0]));
		}
	} else {
		alert("抱歉，系统暂不支持您当前使用的浏览器的图片预览功能!");
	}
	
	//ie中
	// alert(fileImage.value);
	//$("#imgId").attr("src", fileImage.value);
	//火狐7以下版本
	//$("#imgId").attr("src",fileImage.files[0].getAsDataURL());
	//火狐 7以上版本
	//$("#imgId").attr("src", window.URL.createObjectURL(fileImage.files[0]));
}


//校验是否是文件
function checkFileType() {
	//判断文件条件：文件可以为null或者不为null 必须是图片
	var fileValue = document.all.mcImageUrl.value;
	//alert(fileValue);
	if (fileValue == null || fileValue == "") {
		return true;
	} else {
		//d://image/tt.gif
		var ext = fileValue.substring(fileValue.lastIndexOf(".") + 1);//gif
		alert("ext=" + ext);
		//gif,jpg,bmp,png
		var regex = /^(gif|jpg|bmp|png|jpeg|JPEG|PNG|JPG|GIF|BMP){1}$/;
		if (regex.test(ext)) {
			alert('true');
			return true;
		} else {
			alert('文件类型只能是图片,格式为:gif,jpg,bmp,png');
			return false;
		}
	}
}

</script>

<link rel="stylesheet"
	href="../../bootstrap-3.3.7-dist/css/bootstrap.min.css" />
</head>

<body>
	<form action="<%=path%>/admin/admin/productUpdatePostAction" method="post"
		enctype="multipart/form-data" onsubmit="return checkFileType();">

		<label for="Input">商品名</label> 
			<input type="text"class="form-control" value="${sessionScope.productBean.pname}" id="pname" name="pname"> 
		<label for="Input">价格(单位:分)</label> 
			<input type="text" class="form-control" value="${sessionScope.productBean.pprice}" id="pprice" name="pprice"> 
		<label for="Input">商品信息</label> 
		<input type="text" class="form-control" value="${sessionScope.productBean.pmeno}" id="pmeno" name="pmeno"> 
		<label for="Input">图片:${sessionScope.productBean.pphoto}</label> 
			<input type="text" value="${sessionScope.productBean.pphoto}" id="oldPhoto" name="oldPhoto" style="display: none" />
			<input type="file" id="pphoto"  name="pphoto" class="text" onchange="testChange(this);"> 
			<img id="imgId" src="<%=path %>/admin/product/productPhoto/${sessionScope.productBean.pphoto}" title="图片预览" height="150" width="150" />
		<br>
		
		<label for="Input">大类</label> 
		<select class="form-control" id="maxType" name="maxType">
			<c:forEach var="vo" items="${sessionScope.Tlist}" varStatus="vs">
				<c:if test="${sessionScope.productBean.pmaxtype==vo.tid}">
					<option value="${vo.tid}">${vo.typename}</option>
				</c:if>
			</c:forEach>
			<c:forEach var="vo" items="${sessionScope.Tlist}" varStatus="vs">
				<option value="${vo.tid}">${vo.typename}</option>
			</c:forEach>
		</select>
		
		<label for="Input">小类</label> 
		<select class="form-control" id="minType" name="minType">
			<c:forEach var="vo" items="${sessionScope.minTlist}" varStatus="vs">
				<c:if test="${sessionScope.productBean.pmintype==vo.minId}">
					<option value="${vo.minId}">${vo.minType_name}</option>
				</c:if>
			</c:forEach>
			<c:forEach var="vo" items="${sessionScope.minTlist}" varStatus="vs">
				<option value="${vo.minId}">${vo.minType_name}</option>
			</c:forEach>
		</select>
		
		<button type="submit" class="btn btn-default">Submit</button>
	</form>
</body>
</html>


